<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/sks/cms/page/share/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="租房,买房,三棵松,地产,中介" />
<meta name="description" content="三棵松地产" />
<title>三棵松地产</title>
<link type="text/css" rel="stylesheet"
	href="<%=basePath%>sks/css/frontpages/common.css">
<link type="text/css" rel="stylesheet"
	href="<%=basePath%>sks/css/frontpages/houseInfo.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/houseList.css" />

<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/BrightSide.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/mytestcss.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/frontpages/district/district.css" />	
<script type="text/javascript" src="/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/js/houseloan.js"></script>

<style type="text/css">
div.bg {
	background-color: #EEEEEE;
}

div.frontface {
	background-color: #EEEEEE;
	line-height: 50px;
	height: 50px
}

div.Calculator {
	width: 510px;
	height: 600px;
	align: center;
	z-index: 1;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: white
}

.button {
	width: 70px;
	height: 30px;
	color: #FFFFFF;
	background-color: #FF9900
}

.reset {
	width: 70px;
	height: 30px;
	color: #666666;
	background-color: #F3F3F3
}

.datalisttable {
	width: 96%;
	border-collapse: collapse;
	color: #585858;
	border: 1px #CCCCCC dotted;
}

a {
	color: green
}
</style>
</head>
<body>
	<div class="wrap">
		<jsp:include page="header.jsp"></jsp:include>
		<div>
			<div>
				<a href="<%=basePath%>" hidefocus="true">SKS房地产</a> &gt; <a
					href="<%=basePath %>sks/frontpages/sksInfo.jsp" target="_self"
					hidefocus="true">房贷计算器
				</a>
			</div>
			<div class="clear"></div>
		</div>
			<div class="sxq_xqheadtab clearfix">
				<div class="tab_menu">
					<div class="menu">
					<a
							href="<%=basePath %>sks.do?method=about">关于我们<span></span>
						</a> 
					
						<a
							href="#"  class="on">房贷计算器<span></span>
						</a>
					</div>
				</div>
			</div>
		


		<div style="float: right; width: 100%;">
			<div align="center" class="bg" id="Background">
				<div align="center" class="frontface">
					<font color="#666666" style="font-size: 16px; font-weight: 600">房贷计算器</font>
				</div>
				<div id="HouseLoanCalculator" class="Calculator">
					<form name="loanform" action="">
						<div>
							<div align="left" style="height: 15px; line-height: 15px">
							</div>
							<div align="left" style="height: 20px; line-height: 20px">
								<font style="font-weight: 600">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;输入数据</font>
							</div>
							<div>
								<table width="100%">
									<tr>
										<td style="width: 77%">
											<div align="center">
												<div>
													<table width="100%" style="height: 25px">
														<tr valign="middle">
															<td align="right" style="width: 27%">贷款类型&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%"><input
																type="radio" id="LoanTypeRadio0" name="LoanTypeRadio"
																value="0" onclick="LoanTypeSelect(0);" checked>商业贷款
																<input type="radio" id="LoanTypeRadio1"
																name="LoanTypeRadio" value="1"
																onclick="LoanTypeSelect(1);">公积金 <input
																type="radio" id="LoanTypeRadio2" name="LoanTypeRadio"
																value="2" onclick="LoanTypeSelect(2);">组合型</td>
														</tr>
													</table>
												</div>
												<div id="ID_BankLoanAmount" style="display: inline">
													<table width="100%" style="height: 24px">
														<tr valign="middle">
															<td align="right" style="width: 27%">商业贷款金额&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%">
																<div>
																	<input type="text" id="BankLoanAmount" size="10">
																	万元 <label id="ID_BankLoanLable"></label>
																</div></td>
														</tr>
													</table>
												</div>
												<div id="ID_FundLoanAmount" style="display: none">
													<table width="100%" style="height: 24px">
														<tr valign="middle">
															<td align="right" style="width: 27%">公积金贷款金额&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%">
																<div>
																	<input type="text" id="FundLoanAmount" size="10">
																	万元 <label id="ID_FundLoanLable"></label>
																</div></td>
														</tr>
													</table>
												</div>
												<div>
													<table width="100%" style="height: 24px">
														<tr valign="middle">
															<td align="right" style="width: 27%">贷款期限&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%"><select
																id="LoanDeadline" onChange="LoanDeadlineSelect(this);"
																style="width: 153px">
																	<option value="0">半年(6期)</option>
																	<option value="1">1年(12期)</option>
																	<option value="2">2年(24期)</option>
																	<option value="3">3年(36期)</option>
																	<option value="4">4年(48期)</option>
																	<option value="5">5年(60期)</option>
																	<option value="6">6年(72期)</option>
																	<option value="7">7年(84期)</option>
																	<option value="8">8年(96期)</option>
																	<option value="9">9年(108期)</option>
																	<option value="10">10年(120期)</option>
																	<option value="11">11年(132期)</option>
																	<option value="12">12年(144期)</option>
																	<option value="13">13年(156期)</option>
																	<option value="14">14年(168期)</option>
																	<option value="15">15年(180期)</option>
																	<option value="16">16年(192期)</option>
																	<option value="17">17年(204期)</option>
																	<option value="18">18年(216期)</option>
																	<option value="19">19年(228期)</option>
																	<option value="20" selected>20年(240期)</option>
																	<option value="21">21年(252期)</option>
																	<option value="22">22年(264期)</option>
																	<option value="23">23年(276期)</option>
																	<option value="24">24年(288期)</option>
																	<option value="25">25年(300期)</option>
																	<option value="26">26年(312期)</option>
																	<option value="27">27年(324期)</option>
																	<option value="28">28年(336期)</option>
																	<option value="29">29年(348期)</option>
																	<option value="30">30年(360期)</option>
															</select></td>
														</tr>
													</table>
												</div>
												<div id="ID_BankLoanRate" style="display: inline">
													<table width="100%" style="height: 24px">
														<tr valign="middle">
															<td align="right" style="width: 27%">商业贷款利率&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%"><select
																id="BankLoanRate" onChange="BankLoanRateSelect(this);"
																style="width: 177px">
																	<option value="0">手动输入</option>
																	<option value="1">10年10月20日基准利率</option>
																	<option value="2">10年10月20日利率(85折)</option>
																	<option value="3">10年10月20日利率(1.1倍)</option>
																	<option value="4">10年12月26日基准利率</option>
																	<option value="5">10年12月26日利率(7折)</option>
																	<option value="6">10年12月26日利率(1.1倍)</option>
																	<option value="7">11年02月09日基准利率</option>
																	<option value="8">11年02月09日利率(7折)</option>
																	<option value="9">11年02月09日利率(85折)</option>
																	<option value="10">11年02月09日利率(1.1倍)</option>
																	<option value="11">11年04月06日基准利率</option>
																	<option value="12">11年04月06日利率(7折)</option>
																	<option value="13">11年04月06日利率(85折)</option>
																	<option value="14">11年04月06日利率(1.1倍)</option>
																	<option value="15">11年07月07日基准利率</option>
																	<option value="16">11年07月07日利率(85折)</option>
																	<option value="17">11年07月07日利率(1.1倍)</option>
																	<option value="18" selected>12年06月08日基准利率</option>
																	<option value="19">12年06月08日利率(8折)</option>
																	<option value="20">12年06月08日利率(85折)</option>
																	<option value="21">12年07月08日利率(1.1倍)</option>
															</select> <input type="text" id="BankLoanRateText" value="6.80"
																style="width: 35px">% <label
																id="ID_BankLoanRateLable"></label></td>
														</tr>
													</table>
												</div>
												<div id="ID_FundLoanRate" style="display: none">
													<table width="100%" style="height: 24px">
														<tr valign="middle">
															<td align="right" style="width: 27%">公积金贷款利率&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%"><select
																id="FundLoanRate" onChange="FundLoanRateSelect(this);"
																style="width: 177px">
																	<option value="0">手动输入</option>
																	<option value="1">10年10月20日后</option>
																	<option value="2">10年12月26日后</option>
																	<option value="3">11年02月09日后</option>
																	<option value="4">11年04月06日后</option>
																	<option value="5">11年07月07日后</option>
																	<option value="6" selected>12年06月08日后</option>
															</select> <input type="text" id="FundLoanRateText" value="4.70"
																style="width: 35px">% <label
																id="ID_FundLoanRateLable"></label></td>
														</tr>
													</table>
												</div>
												<div>
													<table width="100%" style="height: 25px">
														<tr valign="middle">
															<td align="right" style="width: 27%">还款方式&nbsp;&nbsp;</td>
															<td align="left" style="width: 73%">
																<div>
																	<input type="radio" id="PayRadio0" name="PayRadio"
																		onclick="PayMethodSelect(0);" checked>等额本息 <input
																		type="radio" id="PayRadio1" name="PayRadio"
																		onclick="PayMethodSelect(1);">等额本金
																</div></td>
														</tr>
													</table>
												</div>
												<div>
													<table width="100%" style="height: 40px">
														<tr valign="middle">
															<td style="width: 27%"></td>
															<td align="left" style="width: 73%"><input
																type="button" value="计算" onClick="Calculate();"
																class="button"> <input type="reset" value="重置"
																class="reset"></td>
														</tr>
													</table>
												</div>
											</div></td>
										<td style="width: 23%;">
											<table width="117px" height="165px" rules="none" frame="void"
												style="border: green 1px solid;">
												<tr>
													<td align="center" valign="middle"
														style="height: 37px; background-color: green"><font
														size=3 color="white"><b>房贷小百科</b>
													</font>
													</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
												</tr>
												<tr>
													<td align="left">&nbsp;<font style="font-size: 12px">●</font>&nbsp;<a
														href="http://www.lwton.com/content/articles/20110514003.html"
														target="_blank">如何提前还款</a>
													</td>
												</tr>
												<tr>
													<td align="left">&nbsp;<font style="font-size: 12px">●</font>&nbsp;<a
														href="http://www.lwton.com/content/articles/20111201001.html"
														target="_blank">提前还款划算吗</a>
													</td>
												</tr>
												<tr>
													<td align="left">&nbsp;<font style="font-size: 12px">●</font>&nbsp;<a
														href="http://www.lwton.com/content/articles/20110514001.html"
														target="_blank">等额本金法</a>
													</td>
												</tr>
												<tr>
													<td align="left">&nbsp;<font style="font-size: 12px">●</font>&nbsp;<a
														href="http://www.lwton.com/content/articles/20110514002.html"
														target="_blank">等额本息法</a>
													</td>
												</tr>
												<tr>
													<td align="left">&nbsp;<font style="font-size: 12px">●</font>&nbsp;<a
														href="http://www.lwton.com/content/articles/20110514004.html"
														target="_blank">组合贷款</a>
													</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
												</tr>
											</table></td>
									</tr>
								</table>
							</div>
						</div>
						<!--<hr color="#CCCCCC"  size="1px">-->
						<div style="height: 5px; border-bottom: 1px solid #CCCCCC">
							&nbsp;</div>
						<div style="height: 5px;">&nbsp;</div>
						<div>
							<div align="left" style="height: 30px; line-height: 30px">
								<font style="font-weight: 600">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计算结果</font>
							</div>
							<div align="center">
								<div id="ID_AllPayRate" style="display: none">
									<table width="100%" style="height: 35px">
										<tr>
											<td align="right" valign="middle" style="width: 20%">商贷支付利息&nbsp;&nbsp;</td>
											<td align="left" valign="middle" style="width: 30%"><input
												type="text" id="BankLoanRateAmount" readonly="readonly"
												size="15"> 元</td>
											<td align="right" valign="middle" style="width: 20%">公积金支付利息&nbsp;</td>
											<td align="left" valign="middle" style="width: 30%"><input
												type="text" id="FundLoanRateAmount" readonly="readonly"
												size="15"> 元</td>
										</tr>
									</table>
								</div>
								<div>
									<table width="100%" style="height: 35px">
										<tr>
											<td align="right" valign="middle" style="width: 20%">累计支付利息&nbsp;&nbsp;</td>
											<td align="left" valign="middle" style="width: 30%"><input
												type="text" id="TotalRateAmount" readonly="readonly"
												size="15"> 元</td>
											<td align="right" valign="middle" style="width: 20%">累计还款总额&nbsp;&nbsp;</td>
											<td align="left" valign="middle" style="width: 30%"><input
												type="text" id="TotalRepayAmount" readonly="readonly"
												size="15"> 元</td>
										</tr>
									</table>
								</div>
							</div>
							<div align="center">
								<table width="98%" height="35px" border="1px" cellspacing="0px"
									bgcolor="#EEEEEE" frame="box" rules="cols"
									bordercolor="#999999"
									style="font-size: 14px; color: #990000; border-collapse: collapse; text-align: center">
									<tr>
										<td width="10%">期次</td>
										<td width="22.5%">偿还本息(元)</td>
										<td width="22.5%">偿还利息(元)</td>
										<td width="22.5%">偿还本金(元)</td>
										<td width="22.5%">剩余本金(元)</td>
									</tr>
								</table>
							</div>
							<div id="DataList" style="overflow: auto; height: 260px"
								align="center"></div>
						</div>
					</form>
				</div>
			</div>
			<script src="http://app.baidu.com/static/appstore/monitor.st"></script>
			<script>
			changeMenu('aboutUs');
    baidu.app.autoHeight();
    baidu.app.setHeight(700);
</script>
		</div>
		<!-- footer starts here -->
		<jsp:include page="rooster.jsp"></jsp:include>
		<!-- footer ends here -->
	</div>
</body>
</html>